<template>
  <div class="container">
    <div class="content">
      <div class="rule-title">
        <img src="http://piccdn.50yoga.cn/pics/public/sweet/images/shopkeeper/flower.png" width="20" height="20">
        <p class="title-txt">活动奖品</p>
      </div>
      <div class="rule-wrap">
        <div class="rule-line">
          <p>城市评选阶段（网络投票）：</p>
        </div>
        <div class="rule-line">
          <p>城市前三名：</p>
          <p class="flex-txt">获价值6000元的瑜伽馆专用瑜伽垫装备一个教室（以20张为标配）<br>城市冠军接受媒体专访报道一篇</p>
        </div>
        <div class="rule-line">
          <p>城市20强：</p>
          <p class="flex-txt">专业瑜伽馆管理软件抵扣券（价值1500元）</p>
        </div>
        <div class="rule-line">
          <p>参与奖：</p>
          <p class="flex-txt">瑜伽私教经典培训课程（复旦梵知文化课题组提供）</p>
        </div>
        <p class="single-txt">全国总决赛</p>
        <div class="rule-line">
          <p>由城市冠军可参加第二轮全国投票评选，选出全国20强<br>
          全国20强参加湖南卫视纪实频道举办的总决赛晚会<br>
          全国总冠军将获得总价值超20万元的创业大礼包
          </p>
        </div>
        <div class="rule-title">
          <img src="http://piccdn.50yoga.cn/pics/public/sweet/images/shopkeeper/flower.png" width="20" height="20">
          <p class="title-txt">活动要求</p>
        </div>
        <div class="rule-line">
          <p>方式：</p>
          <p class="flex-txt">线上报名、线上评选</p>
        </div>
        <div class="rule-line">
          <p>对象：</p>
          <p class="flex-txt">会馆老板、店长、老师</p>
        </div>
        <div class="rule-line">
          <p>要求：</p>
          <p class="flex-txt">男女不限,年龄22岁以上,具有2年以上瑜伽从业经验。报名必须按照“1+1”要求(1人对应1个场馆)执行。线上报名，
              填写相关资料并提交场馆照片(含教学场景)最多4张,个人生活照最多4张,瑜伽故事(经营故事或心得)1000字以内。
          </p>
        </div>
        <div class="rule-title">
          <img src="http://piccdn.50yoga.cn/pics/public/sweet/images/shopkeeper/flower.png" width="20" height="20">
          <p class="title-txt">活动承办</p>
        </div>
        <div class="rule-line">
          <p>主办：</p>
          <p class="flex-txt">湖南卫视金鹰纪实频道<br>现代女性频道</p>
        </div>
        <div class="rule-line">
          <p>承办：</p>
          <p class="flex-txt">新瑜传媒<br>Yoga_AA瑜伽共享平台</p>
        </div>
        <div class="rule-line">
          <p>特别协办：</p>
          <p class="flex-txt">
            YOGA瑜伽杂志<br>
            复旦--梵知瑜伽文化联合研究课题组
          </p>
        </div>
      </div>
    </div>
    <v-tabbar></v-tabbar>
  </div>
</template>

<script>
import tabbar from '@/components/shopkeeper/tabbar.vue'

export default {
  name: 'keeperRule',
  data () {
    return {}
  },
  components: {
    'v-tabbar': tabbar
  }
}
</script>

<style scoped lang="stylus">
$keeperColor = #f06774;

.container {
  width: 100%;
  position: relative;

  .content {
    width: 92%;
    margin: 0.3125rem auto;
    padding-bottom: 5rem;

    .rule-title {
      display: flex;
      align-items: center;
      margin: 1.25rem 0 0.9375rem 0;

      .title-txt {
        margin-left: 0.9375rem;
        font-size: 1.125rem;
        color: $keeperColor;
      }
    }

    .rule-wrap {
      font-size: 0.875rem;
      display: flex;
      flex-direction: column;

      .single-txt {
        margin-top: 0.9375rem;
        line-height: 1.5;
      }

      .rule-line {
        display: flex;
        line-height: 1.5rem;

        .flex-txt {
          flex: 1;
        }
      }
    }
  }
}
</style>
